<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/Contact/Edit.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/bootstrap-typeahead.js"
	type="text/javascript"></script>

<legend>
	<fmt:message key="form.viewContact.title" />
</legend>
<div id="formsContent" class="form-horizontal">
	<div class="row-fluid">
		<div class="span12">
			<fieldset>
				<legend>
					<fmt:message key="form.contact.RequiredInformation" />
				</legend>
				<div class="row-fluid">

					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input"><fmt:message
									key="form.contact.FirstName" /></label>
							<div class="controls">
								<label><span>${contactDTO.fName}</span></label>
							</div>
						</div>
					</div>

					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input"><fmt:message
									key="form.contact.companyName" /></label>
							<div class="controls">
								<label><span>${contactDTO.parentName}</span></label>
							</div>
						</div>
					</div>

				</div>
				<div class="row-fluid">
					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input" class="required"><fmt:message
									key="form.contact.LastName" /></label>
							<div class="controls">
								<label><span>${contactDTO.lName}</span></label>
							</div>
						</div>
					</div>
					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input"><fmt:message
									key="form.contact.Phone" /></label>
							<div class="controls">
								<label><span>${contactDTO.phone}</span></label>
							</div>
						</div>
					</div>
				</div>
			</fieldset>

			<fieldset>
				<legend>
					<fmt:message key="form.contact.ContactInformation" />
				</legend>
				<div class="row-fluid">
					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input"><fmt:message
									key="form.account.Email" /></label>
							<div class="controls">
								<label><span>${contactDTO.email}</span></label>
							</div>
						</div>
					</div>
					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input"><fmt:message
									key="form.contact.Title" /></label>
							<div class="controls">
								<label><span>${contactDTO.title}</span></label>
							</div>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span6 bgcolor">
						<div class="control-group">
							<label class="control-label" for="input" class="required"><fmt:message
									key="form.contact.Mobile" /></label>
							<div class="controls">
								<label><span>${contactDTO.mobile}</span></label>
							</div>
						</div>
					</div>
				</div>
			</fieldset>
		</div>
	</div>
</div>